.group {
	display: inline-block;

	.item {
		z-index: 0;
		border-radius: 0;

		& + .item {
			margin-left: -1px;
		}

		&:first-child {
			border-top-left-radius: 4px;
			border-bottom-left-radius: 4px;
		}

		&:last-child {
			border-top-right-radius: 4px;
			border-bottom-right-radius: 4px;
		}

		&.active {
			z-index: 1;
			color: var(--color-5);
			background: var(--color-bg-3);
		}

		&:hover {
			z-index: 2;
		}
	}
}
